<style>
    .widget-title i{ color: #0e90d2;}
    .listbox{height: 230px; padding: 0 15px; font-size: 13px;  overflow-y: auto;}
    .listbox li{line-height: 42px; border-bottom: 1px solid #f2f8fa; position: relative; padding:0 5px;}
    .listbox li:last-child{border-bottom: 0;}
    .listbox li:hover{background: #eef7fb;}
    .listbox li span{display:inline-block; line-height: 40px; margin-left: 2em;}
    .listbox li span em{font-size: 18px; font-weight: 600; position: relative; top: 1px;}
    .listbox li .value{text-align: right;position: absolute;right: 5px; top: 0;}
</style>
<form class="am-form query-form" id="payform" data-am-validator>
    <div class="widget am-cf">
        <div class="widget-title  am-fl">今日营业</div>
        <div class="widget-function am-fr">统计时间：{{.startDate}}-{{.endDate}}</div>
    </div>
    <div class="am-g row">
        <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
            <div class="widget am-cf">
                <div class="widget-header"><div class="widget-title"><i class="am-icon-gg"></i> 营业</div></div>
                <div class="widget-body">
                    <div class="listbox" id="daily_price_info">
                        <ul> </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
            <div class="widget am-cf">
                <div class="widget-header"><div class="widget-title"><i class="am-icon-gg"></i> 销售</div></div>
                <div class="widget-body">
                    <div class="listbox" id="sales_info">
                        <ul></ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
            <div class="widget am-cf">
                <div class="widget-header"><div class="widget-title"><i class="am-icon-gg"></i> 付款方式</div></div>
                <div class="widget-body">
                    <div class="listbox" id="pay_type_info">
                        <ul></ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
            <div class="widget am-cf">
                <div class="widget-header"><div class="widget-title"><i class="am-icon-gg"></i> 销售人员</div></div>
                <div class="widget-body">
                    <div class="listbox" id="sales_person_ranking">
                        <ul></ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
            <div class="widget am-cf">
                <div class="widget-header"><div class="widget-title"><i class="am-icon-gg"></i> 验光师</div></div>
                <div class="widget-body">
                    <div class="listbox" id="optometry_person_ranking">
                        <ul></ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-6 am-u-lg-4"></div>
    </div>
</form>